<!--
 * @Author: dengyongliang
 * @Date: 2021-04-14 16:12:55
 * @LastEditTime: 2021-08-16 13:45:51
 * @LastEditors: dengyongliang
 * @Description:
-->
<template>
  <div style="padding: 20px;">
    <si-detail-table :labels="labels" :data="data" :column="column" />
  </div>
</template>

<script>
export default {
  name: 'DemoDetailTable',
  components: {},
  data() {
    return {
      labels: [
        {
          label: '商品名称',
          value: 'prodName',
          colspan: 1
        },
        {
          label: '订单号',
          value: 'orderCode',
          colspan: 1
        },
        {
          label: '商品编号',
          value: 'prodCode',
          colspan: 1
        },
        {
          label: '是否退费',
          value: 'tuifei',
          colspan: 1
        },
        {
          label: '产品类型',
          value: 'type',
          colspan: 1
        },
        {
          label: '方式',
          value: 'methord',
          colspan: 1
        }
      ],
      data: {
        prodName: 'prodName',
        orderCode: 'orderCode',
        prodCode: 'prodCode',
        tuifei: 'tuifei',
        type: 'type',
        methord: 'methord'
      },
      column: 2
    }
  },
  mounted() {},
  methods: {}
}
</script>
